<style>
    .no-data {
        height: 117px;
    }

    .no-data span {
        margin: 10px auto 0;
        height: 37px;
    }
    .pagination .pagination-con{
        float: left;
        margin-top: 5px;
    }
    .col-sm-2 .btn{
        min-width: 90px;
    }
    .salesman-title{
        padding: 5px 0;
        display: inline-block;
    }
</style>
<div class="ui-dialog-content" style="width: 900px;">
    <div class="row clearfix">
        <div class="col-sm-6">
            <div class="clearfix">
                <div class="search clearfix row">
                    <div class="col-sm-2"><label class="salesman-title">成员列表</label></div>
                    <div class="col-sm-10">
                        <input type="text" class="input-text fl" placeholder="姓名/手机号" ng-change="search()"
                               ng-model="keyword" style="width: 289px;">
                        <button class="fl btn" ng-click="search()">搜索</button>
                    </div>
                </div>
            </div>
            <div class="mt5 table-wrap" style="height: 341px;">
                <table width="100%">
                    <thead>
                    <tr class="thead ta-l" height="30">
                        <th style="width:60px">
                            <input type="checkbox" ui-checkbox="" ng-model="checker.all"
                                   ng-change="checker.selectAll()">序号

                        </th>
                        <th style="width:120px">姓名</th>
                        <th style="width:120px">手机号</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="member in memberList">
                        <td height="30">
                            <input type="checkbox"
                                   ui-checkbox=""
                                   ng-change="checker.selectItem($index)"
                                   ng-model="member.checked">{{(pager.pageIndex-1)*pager.pageSize+$index+1}}

                        </td>
                        <td height="30">{{member.user_name}}</td>
                        <td height="30">{{member.mobile_tel}}</td>
                    </tr>
                    </tbody>
                </table>
                <div class="no-data ng-hide" ng-show="!memberList.length">
                    <span>暂无数据</span>
                </div>
            </div>
            <div ui-pagination
                 page-index="pager.pageIndex"
                 page-size="pager.pageSize"
                 total="pager.total"
                 changed="pager.change($pageIndex)"></div>
        </div>

        <div class="col-sm-6">
            <div class="clearfix">
                <div class="search clearfix">
                    <label class="salesman-title">已选择成员列表</label>
                </div>
            </div>
            <div class="mt5 table-wrap last-tab" style="height: 341px;">
                <table width="100%">
                    <thead>
                    <tr class="thead ta-l" height="34">
                        <th style="width:80px;height: 34px;">
                            序号
                        </th>
                        <th style="width:120px;">姓名</th>
                        <th style="width:120px;">手机号</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="member in selectMemberList">
                        <td height="30">
                            <!--<input type="checkbox"-->
                                   <!--ui-checkbox=""-->
                                   <!--ng-change="downChecker.selectItem($index)"-->
                                   <!--ng-model="member.checked">-->
                            {{$index+1}}
                        </td>
                        <td height="30">{{member.user_name}}</td>
                        <td height="30">{{member.mobile_tel}}</td>
                        <td><a href="javascript:;" class="c-orange" ng-click="removeItem($index,member)">移除</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>